<template>
	<view class="phoneNumber_box fc pbsafe_56">
		<image class="ib width_80 height_80 mt_32" src="@/static/images/phone_img.png" mode="aspectFit"></image>
		<view class="mt_32 fz_16 fb">
			您当前的手机号为 {{this.$utils.hideTel(phone)}}
		</view>
		<view class="mt_12 fz_12 ml_36 mr_36">
			更换后当前的订单等信息不变，修改后须使用新手机号登录，仅支持修改到未注册手机号。
		</view>
		<view class="pf b_0 l_0 r_0 plr_16 pbsafe_8 pt_8">
			<button class="custom_btn primary lh_40 w100 fz_14 br_40" @click="handleChange">更换手机号</button>
		</view>

	</view>
</template>

<script>
	import {
		hideTel
	} from '@/utils'
	export default {
		data() {
			return {
				phone: '', // 手机号
				captcha: "", // 验证码
				newPhone: "", // 新手机号
				userInfo: this.$storage.getItem('basicUnserInfo') || {},
			}
		},
		onLoad() {
			this.phone = this.userInfo.phone
		},
		onShow() {
			this.userInfo = this.$storage.getItem('basicUnserInfo') || {}
			this.phone = this.userInfo.phone || ''
		},
		methods: {
			handleChange() {
				uni.navigateTo({
					url: '/pages/person/pages/change_phone'
				})
			}
		}
	}
</script>

<style lang="scss">
	@include color_page;
</style>

<style lang="scss" scoped>
</style>